<div id="header" th:replace="common/top"/>
<div id="Catalog">
    <div class="user-content">
        <div class="user-title">用户登录</div>
        <form action="/account" method="post" accept-charset="UTF-8" class="user-form">
            <div th:if="${signOnMsg != null}"  class="user-form-error">
                <i class="fa-solid fa-circle-exclamation error-icon" ></i>
                <p class="error-msg" style="font-weight: bold">${requestScope.signOnMsg}</p>
            </div>
            <div class="user-form-item">
                <label class="user-form-label">
                    <i class="fa-solid fa-user"></i>
                </label>
                <td><input type="text" class="user-form-input"  name="username" id="username" placeholder="请输入用户名" autocomplete="off"></td>
            </div>
            <div class="user-form-item">
                <label class="user-form-label">
                    <i class="fa-solid fa-lock"></i>
                </label>
                <td><input type="password" name="password" class="user-form-input" placeholder="请输入密码" autocomplete="off"></td>
            </div>
            <br>
            <td><input type="text" name="yzcode" placeholder="请输入验证码" class="verification" autocomplete="off"></td>
            <td>
                <a href="javascript:changeCode()"><img title="Unclear?Change another"  id="yzImg"  οnclick="changeCode()"></a>
                <a href="javascript:changeCode()">Unclear?Change another</a>
            </td>
            <tr>
                <br><br><br>
                <td><input type="submit" value="Login"></td>
            </tr>
        </form>
        Need a user name and password?
        <a href="registerView">Register Now!</a>
    </div>
</div>
<div id="footer" th:replace="common/bottom"/>